<!-- Created Time:23/07/26 16:50:25 -->
<!-- Created By: Mande.Huang-->
<!-- Description: -->
<template>
  <window :softID="softID">
    <template v-slot:contain>
      <div class="content">
        <div class="left"></div>
        <div class="center"></div>
        <div class="right">
          <Editor></Editor>
        </div>
      </div>
    </template>
  </window>
</template>

<script>
import Editor from "../MacComponents/Editor.vue";
export default {
  name: "Notepad",
  props: ["softID"],
  components: {
    Editor,
  },
  data() {
    return {
      fileinfoCur: {},
      fileinfoArr: [],
    };
  },
  created() {},
  mounted() {
    return;
    this.fileinfoCur = this.store.state;
  },
  methods: {},
};
</script>
<style lang="scss" scoped>
/* @import url(); 引入css类 */
.content {
  height: 100%;
  width: 100%;
  display: flex;
  .left {
    flex: 3;
    background: linear-gradient(#e4c8e5, #d0c8e5);
  }
  .center {
    flex: 4;
    background-color: #fff;
    border-right: 0.5px rgb(221, 221, 221) solid;
  }
  .right {
    flex: 10;
    background-color: #fff;
    #editor—wrapper {
      border: 1px solid #ccc;
      z-index: 100; /* 按需定义 */
    }
    #toolbar-container {
      border-bottom: 1px solid #ccc;
    }
    #editor-container {
      height: 500px;
    }
  }
}
</style>
